<p><strong>安装如下插件：</strong><br/></p> <ul> <li>FileHeader：自动创建文件开头模板，并且会根据最后的保存时间修改更新时间。<a href="https://github.com/shiya ...

<p><br/></p><p><code>Emmet</code>可以极大的提高 html 和 css 的编写效率，它提供了一种非常简练的语法规则。</p> <p>举个例子，我们在编辑器中输入缩写代码：<code>ul&gt;li*6</c ...

<h2 id="_1">前言</h2> <h3 id="_2">面试分为三部分</h3> <ul> <li> <p>技术面试：问技术问题。</p> </li> <li> <p>负责人面试：考察综合能力。比如：项目把控能力、项目深度、项目架构 ...

<h2 id="_1">常见的浏览器</h2> <p>浏览器是网页运行的平台，常见的浏览器有谷歌（Chrome）、Safari、火狐（Firefox）、IE、Edge、Opera等。如下图所示：</p> <p><img alt="" src ...

<h2 id="html5">HTML5的介绍</h2> <h3 id="web">Web 技术发展时间线</h3> <ul> <li> <p>1991 HTML</p> </li> <li> <p>1994 HTML2</p> </li> ...

<h2 id="_1">浏览器渲染过程</h2> <p><img alt="" src="https://img.smyhvae.com/20210114_2115.png"/></p> <ol> <li> <p>浏览器解析 HTML，生成 ...

<h2 id="_1">前端性能优化认知</h2> <h3 id="_2">什么是前端性能优化</h3> <p>通常来讲，前端性能优化是指：从用户开始访问网站到整个页面完整地展现出来的过程中，通过各种优化策略和优化方法，让页面加载得更快，让 ...

<h2 id="_1">图片格式和应用场景</h2> <h3 id="jpeg">JPEG 格式</h3> <p>JPEG（Joint Photographic Experts Group）是一种针对彩色照片而广泛使用的有损压缩图形格式，属 ...

<p>的最新内容，更新于<strong>2019-12-01</strong>。大家完全不用担心这篇文章会过时，因为随着 前端技术的更新，本文也会随之更新。 </p><p>本文的最新内容也会在<a href="https://github. ...

推荐资料 <h3 id="js">JS规范，重点推荐下面这两个</h3> <p>1、Airbnb JavaScript Style Guide：</p> <ul> <li> <p>英文原版：https://github.com/airbnb ...